<template>
  <div class="commodity-list">
    <el-tabs v-model="activeName">
      <el-tab-pane label="全部商品" name="first">全部商品</el-tab-pane>
      <el-tab-pane label="出售中" name="second">出售中</el-tab-pane>
      <el-tab-pane label="已售完" name="third">已售完</el-tab-pane>
      <el-tab-pane label="已下架" name="fourth">已下架</el-tab-pane>
      <el-tab-pane label="添加商品" name="fiveth">添加商品</el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
export default {
  data () {
    return {
      activeName: 'second'
    }
  },
  methods: {
      
  }
}
</script>

<style scoped>
.commodity-list{
  background: #fff;
  overflow: hidden;
  width:90%;
  height:200vh;
  margin:0 2.5%;
  padding:0 2.5%;
  margin-top: 20px;
  border-radius: 5px;
}
</style>